<template>
  <div>
    <div>222</div>
    {{ data.tableData }}
  </div>
</template>

<script>
import { defineComponent, reactive, watchEffect, watch } from "vue";
export default defineComponent({
  name: "",
  props: {
    data: Array,
  },
  setup(props) {
    const data = reactive({
      tableData: props.data,
    });
    watch(
      () => props.data,
      (value) => {
        console.log(value);
        data.tableData = value;
      },
      {
        deep: true,
      }
    );
    return { data };
  },
});
</script>
<style scoped lang="scss"></style>
